#marketingIndex{
    .banner img{
        width: 100%;
        height: 4.64rem;
    }
    .line, .other-line {
        width: 100%;
        img {
            height: 0.18rem;
        }
    }
    #selectProvince{
        .selected-title{
            padding-left: .3rem;
            text-align: left;
            display: inline-block;
            width: 6.6rem;

            .icon{
               position: absolute;
               top: .5rem;
               right: 0rem;
            }
        }
    }
    #selectProvinceWrap.select-on{
    width: 9.35rem;
    position: relative;
    right: 1.7rem;
    z-index: 1000;
    background: #fff;
      #selectProvince{
        .selected-title{
            padding-left: .45rem;
             .icon{
             position: absolute;
             right: -1.6rem;
        }
        }
    }

    
    .select-area{
        width: 9.35rem;
        li{
            padding: 0 .48rem;
            height: .9rem;
            line-height: .9rem;
            text-align: center;
        }
    }
}
    .tab {
        padding: 0.6rem 0.4rem;
        h3 {
            font-size: 0.46rem;
            color: #4A4A4A;
            text-align: center;
            i {
                display: inline-block;
                vertical-align: middle;
                margin-right: 0.2rem;
            }
            .logo-youku {
                @include bg('../images/logo-youku.png', 0.66rem, 0.66rem);
            }
            .logo-pptv {
                @include bg('../images/logo-pptv.png', 0.66rem, 0.66rem);
            }
        }
        section {
            width: 100%;
            margin-top: 0.6rem;
            &.btn {
                text-align: center;
            }
            &.tit-con {
                margin: 0.1rem 0 -1.8rem;
            }
            &.package-fee {
                margin-top: 0.3rem;
            }
            .c-title {
                line-height: 1.2rem;
                color: #828282;
                &.tit-package {
                    line-height: 1;
                }
            }
            .sub-title {
                margin-left: 0.4rem;   
            }
            .c-top {
                line-height: 0.6rem;
            }
            .c-con {
                width: 7.68rem;
                p {
                    font-size: 0.26rem;
                    color: #828282;
                    line-height: 0.5rem;
                    margin-top: 0.17rem;
                }
                .btn-desc {
                    font-size: 0.36rem;
                    color: #2C8CF2;
                    text-decoration: underline;
                    margin: 0.5rem 0.37rem 0 0;
                }
            }
            .select {
                position: relative;
                line-height: 1.2rem;
                width: 7.68rem;
                height: 1.2rem;
                border: 1px solid #C8C8C8;
                border-radius: 0.16rem;
                color: #c5c5c5;
                padding-left: 0.5rem;
                .selected-title{
                    display: inline-block;
                    width: 100%;
                    text-align: left;
                    .icon{
                        position: absolute;
                        top: .45rem;
                        right: .4rem;
                        float: right;
                    }
                }
            }
            .tab-list {
                width: 100%;
                margin: 0 auto;
                overflow: hidden;
                .tab-item img, .tab-item.active img {
                    width: 1.4rem;
                    height: 1.4rem;
                }
                .tab-item {
                    display: inline-block;
                    margin: 0 1.61rem 0.5rem 0;
                    text-align: center;
                    &:nth-child(3n){
                        margin-right: 0;
                    }
                    .icon-text {
                        font-size: 0.26rem;
                        color: #666;
                        text-align: center;
                        margin-top: 0.1rem;
                    }
                    &.active {
                        position: relative;
                        img {
                            border: 2px solid #E40077;
                            border-radius: 0.2rem;
                        }
                        .selected-video {
                            @include bg('../images/sel_video.png', 0.61rem, 0.61rem);
                            @include abs(right, 0, bottom, 0rem);
                        }
                    }
                }
            }
            .select-wrapper {
                margin-top: 0.3rem;
                .select-item {
                    $f-c:#1F86F5;
                    text-align: center;
                    width: 3.7rem;
                    height: 1.5rem;
                    line-height: 1.5rem;
                    background: #F1F5F8;
                    border-radius: 0.2rem;
                    margin-bottom: 0.3rem;
                    &.active {
                        position: relative;
                        border: 2px solid #E40077;
                        color: #E40077;
                        line-height: 1.4rem;
                        .selected-package {
                            @include bg('../images/sel_package.png', 0.55rem, 0.55rem);
                            @include abs(right, -0.05rem, bottom, 0);
                        }
                        .select-des {
                            color: #E40077;
                        }
                        
                    }
                    .select-title {
                        font-size: 0.37rem;
                        color:  $f-c;
                        margin-top: 0.3rem
                    }
                    
                    .select-des {
                        font-size: 0.4rem;
                        color:  $f-c;
                    }

                    &.btn-disabled{
                        .select-title {
                            color: #fff;
                        }
                        .select-des{
                            color: #fff;
                        }
                    }
                }
            }
        }
    }
    .img-wrapper{
        position: relative;
        height: 1.4rem;
    }
    .rule {
        padding: 0.4rem 0.3rem;
        background: #f3f3f3;
        .tab-text {
            font-size: 0.46rem;
            color: #9B9B9B;
        }
        .other-line{
            margin-bottom: .2rem;
        }
        .rule-item {
            font-size: 0.36rem;
            color: #4A4A4A;
            line-height: 1.8;

            p{
                display: inline-block;
                vertical-align: top;
                width: 9.5rem;
            }
            .m-l{
                width: 99%;
                padding-left: .56rem;
                em{
                     display: inline-block;
                    vertical-align: top;
                     width: 8.95rem;
                }
            }
            .counter {
                counter-increment: num;
                &:before {
                    content: '('counter(num)')';
                }
            }
        }
    }
}

